<template>
      <div id="nav">
        <router-link to="/home">首页</router-link>
        <router-link to="/list">列表</router-link>
        <router-link to="/jx">惊喜</router-link> 
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.router-link-active{
    color:red;
}
    #nav{
        width: 100%;
        height: 80px;
        border-top: 1px solid red;
        position: fixed;
        bottom:0;
        display: flex;
    }
    a{
        flex:1;
        line-height: 80px;
    }
</style>